
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>在展|百校联展</title>
	<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
	<meta name="keywords" content="在展|百校联展" />

	
	<!-- Animate.css -->
	<!-- Magnific Popup -->
	<!-- Salvattore -->
	<link rel="stylesheet" href="css/salvattore.css?v=1.10">
	<!-- Theme Style -->
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<!-- Font icon library (https://fontawesome.dashgame.com/)-->
	<link href="css/font-awesome.min.css" rel="stylesheet">
	<!-- Font icon library (https://fontawesome.dashgame.com/)-->
	<link rel="stylesheet" href="https://unpkg.com/swiper/css/swiper.min.css"> 
	<!-- custmun -->
	<link rel="stylesheet" href="css/tem.css?v=1.10.7">
	

	<!--
	<link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css">-->
	<!-- Modernizr JS -->
	<!-- <script src="js/modernizr-2.6.2.min.js"></script> -->
	<!-- FOR IE9 below -->
	<!--[if lt IE 9]>
	<script src="js/respond.min.js"></script>
	<![endif]-->
	<style>
		/**箭头图标合起来的样式*/


		
	</style>
	</head>
	<body>
	<!--the begin of navbar-->
	
	<nav class="navbar navbar-inverse navbar-fixed-top" >
		<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				
				<a class="navbar-brand" href="#">
					<img alt="在展&百校联展" src="navlogo.png"  />
				</a>
			</div>
		
			<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
			<ul class="nav navbar-nav">
				<li class="nowpage"><a href="#">作品 <i class="mobile-chevron-right fa fa-chevron-right "></i></a></li>
				<li><a href="#">院校 <i class="mobile-chevron-right fa fa-chevron-right "></i></a></li>
				<li><a href="#">任务 <i class="mobile-chevron-right fa fa-chevron-right "></i></a></li>
				<li><a href="#">版权 <i class="mobile-chevron-right fa fa-chevron-right "></i></a></li>
				<li><a href="#">关于 <i class="mobile-chevron-right fa fa-chevron-right "></i></a></li>
			</ul>
			<ul class="nav navbar-nav navbar-right user-nav">
				<li class="li-goworks" >
					<a class="btn btn-default btn-goworks">发布作品</a>
				</li>
				<li class="li-useravatar" >
					<a href="#" >
						<img class="useravatar img-circle"  src="http://dh.91ant.com/uploads/20190626/4b707b1ef09c12a9a73bc1513f5db3f3.png" />
					</a>
				</li>
				<li class="li-mobile-useravatar dropdown">
					<a href="#" >
						<img class="img-circle"  src="http://dh.91ant.com/uploads/20190626/4b707b1ef09c12a9a73bc1513f5db3f3.png" /> 雀巢水 <i class="mobile-chevron-right fa fa-chevron-right "></i>
					</a>
				
				</li>
			  </ul>
			</div>
		</div>
	</nav>
	<!--the end of navbar-->
	<!--the begin of banner-->
	<div id="carousel-example-generic" class="banner carousel slide" data-ride="carousel" >
		<ol class="carousel-indicators">
		  <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
		  <li data-target="#carousel-example-generic" data-slide-to="1"></li>
		  <li data-target="#carousel-example-generic" data-slide-to="2"></li>
		</ol>
	  
		<div class="carousel-inner" role="listbox">
			<div class="item active" style="background-image: url(images/banner/1.jpg);" >	</div>
		  <div class="item" style="background-image: url(images/banner/2.jpg);" ></div>
		  <div class="item" style="background-image: url(images/banner/3.jpg);" ></div>
		</div>
	  
		<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
		  <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
		  <span class="sr-only">Prev</span>
		</a>
		<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
		  <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
		  <span class="sr-only">Next</span>
		</a>
	</div>
	<!--the end of banner-->
	<!--the begin of worksscreen-->
	<div class="container worksscreen" style="margin-top: 10px; font-size: 16px;">
		<div class="panel panel-default">
			<div class="panel-body">
				<div class="">
					<ul class="list-inline" style="margin-bottom: 0px;">
						<li >
							<a class="text-muted" href="/reboot/index?sort=1">推荐</a>
						</li>
						<li>
							<a href="/reboot/index?sort=5">最新</a>
						</li>
						<li>
							<a  role="button" id="worksscr" data-toggle="collapse" href="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
								<i class="fa fa-filter"></i> 作品筛选排序 <i id="filter-status" class=""></i>
							</a>
						</li>
					</ul>

				</div>
				<div class="collapse" id="collapseExample">
					<div class="worksclass">
						<form method="GET">
						<h5 class="screentitle">分类</h5>
						<button class="btn btn-default btn-sm active" onclick="getfs('wc',0)">全部</button>
						<button class="btn btn-default btn-sm" onclick="getfs('wc',1)" role="button">平面设计</button>
						<button class="btn btn-default btn-sm" onclick="getfs('wc',2)" role="button">动漫动画</button>
						<button class="btn btn-default btn-sm" onclick="getfs('wc',3)" role="button">工业设计</button>
						<button class="btn btn-default btn-sm" role="button">插画</button>
						<button class="btn btn-default btn-sm" role="button">视觉设计</button>
						<button class="btn btn-default btn-sm" role="button">室内设计</button>
						<button class="btn btn-default btn-sm" role="button">摄影</button>
						<button class="btn btn-default btn-sm" role="button">服装服饰</button>
						<button class="btn btn-default btn-sm" role="button">空间设计</button>
						<button class="btn btn-default btn-sm" role="button">工艺设计</button>
						<button class="btn btn-default btn-sm" role="button">雕塑</button>
						<button class="btn btn-default btn-sm" role="button">产品设计</button>
						<button class="btn btn-default btn-sm" role="button">Web设计</button>
						<button class="btn btn-default btn-sm" role="button">绘画书法</button>

						<button class="btn btn-default btn-sm" role="button">品牌设计</button>
						<button class="btn btn-default btn-sm" role="button">陶艺设计</button>
						<button class="btn btn-default btn-sm" role="button">UI设计</button>
						<button class="btn btn-default btn-sm" role="button">影视制作</button>
						<button class="btn btn-default btn-sm" role="button">建筑设计</button>
						<button class="btn btn-default btn-sm" role="button">环境艺术</button>
						<button class="btn btn-default btn-sm" role="button">其他</button>
						<hr/>
						<!-- <div class="row">
							<div class="col-xs-12 col-sm-12	col-md-6 col-lg-6">
								<h5 class="screentitle">排序</h5>
								<button class="btn btn-default btn-sm active" onclick="getfs('sort',1)" role="button">推荐</button>
								<button class="btn btn-default btn-sm" onclick="getfs('sort',2)" role="button">最新发布</button>
								<button class="btn btn-default btn-sm" onclick="getfs('sort',3)" role="button">点赞最多</button>
								<button class="btn btn-default btn-sm" onclick="getfs('sort',4)" role="button">浏览最多</button>
								<hr/>
							</div> -->
							<!-- <div class="col-xs-12 col-sm-12	col-md-6 col-lg-6"> -->
								<h5 class="screentitle">搜索</h5>
								<div class="form-group">
									<input type="hidden" id="worksclass" name="worksclass" class="form-control" />
									<!-- <input type="hidden" id="sort" name="sort" class="form-control" /> -->
									<input type="text" id="keyword" name="keyword" class="form-control" placeholder="请输入搜索关键词" />
									<hr/>
								</div>							
							</div>
						<!-- </div> -->
						<button id="btn-reset" type="reset" class="btn btn-default pull-left">重置选择</button>
						<button id="btn-submit" type="submit" class="btn btn-primary pull-left" >确认提交</button>
					</form>
					<!-- </div> -->
				</div>
			</div>
		</div>
	</div>
	<!--the end of worksscreen-->
	<div class="container" style="min-height: 700px;"></div>

	<!--the begin of bottom-->
	<div class="footer navbar-inverse" >
		<div class="container" >
			<div class="row" style="padding-top: 33px;">
				<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 bm-logo">
					<img src="bt-logo.png" style="width: 100%;">
				</div>
				<div class="col-lg-2 col-md-2 col-sm-3 col-xs-6 aboutus">
					<ul class="list-unstyled">
						<li class="footer-title"><strong>关于我们</strong></li>
						<li class="footer-link"><a href="http://www.91nt.com">蚂蚁雄兵</a></li>
						<li class="footer-link"><a href="http://www.91ant.com/news?order=show_time">蚂蚁新闻</a></li>
					</ul>
				</div>
				<div class="col-lg-2 col-md-2 col-sm-3 col-xs-6 project">
					<ul class="list-unstyled">
						<li class="footer-title"><strong>蚂蚁项目</strong></li>
						<li class="footer-link"><a href="http://www.91nt.com">在展平台</a></li>
						<li class="footer-link"><a href="http://www.91ant.com/news?order=show_time">IOD国际大会</a></li>
						<li class="footer-link"><a href="http://www.91ant.com/news?order=show_time">NewStar国际设计大赛</a></li>
					</ul>
				</div>
				<div class="col-lg-3 col-md-3 col-sm-4 col-xs-6  contactus">
					<ul class="list-unstyled">
						<li class="footer-title"><strong>联系我们</strong></li>
						<li class="footer-link">邮箱：service@91ant.com</li>
						<li class="footer-link">电话：+86 757 81856675</li>
						<li class="footer-link">QQ：3117096626</li>
					</ul>
				</div>
				<div class="col-lg-1 col-md-1 col-sm-3 col-xs-6 qrcode">
					<div class="row-8">
						<p class="footer-title"><strong>移动版网站</strong></p>
						<img src="http://dh.91ant.com/static/index/img/scan.png" style="width: 100%;">
					</div>
				</div>
				<div class="col-lg-1 col-md-1 col-sm-3 col-xs-6 qrcode">
					<div class="row-8">
						<p class="footer-title"><strong>微信公众号</strong></p>
						<img src="http://dh.91ant.com/static/index/img/scan.png" style="width: 100%;">
					</div>
				</div>
			</div>
		</div>
		
		<div class="container" style="font-size: 14px;">
			<div class="row">
				<hr/>	
				<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
					<p class="copyright">版权所有归 91Ant Copyright©2013.All rights reserved | <a style="color: #fdfbfc;" href="http://www.beian.miit.gov.cn">粤ICP备13078953号</a></p>
				</div>
			</div>
		</div>
	</div>
	<!--the end of bottom-->


	<!-- jQuery -->
	<script src="js/jquery.min.js"></script>
	<!-- Bootstrap -->
	<script src="js/bootstrap.min.js"></script>
	<!-- Salvattore -->
	<script src="js/salvattore.min.js"></script>

	<script>
	var isTouch=('ontouchstart' in window);
    if(isTouch){
      $(".carousel").on('touchstart', function(e){
          var that=$(this);
          var touch = e.originalEvent.changedTouches[0];
          var startX = touch.pageX;
          var startY = touch.pageY;
          $(document).on('touchmove',function(e){
            touch = e.originalEvent.touches[0] ||e.originalEvent.changedTouches[0];
            var endX=touch.pageX - startX;
            var endY=touch.pageY - startY;
            if(Math.abs(endY)<Math.abs(endX)){
              if(endX > 10){
                $(this).off('touchmove');
                that.carousel('prev');
              }else if (endX < -10){
                $(this).off('touchmove');
                that.carousel('next');
              }
              return false;
            }
          });
      });
      $(document).on('touchend',function(){
        $(this).off('touchmove');
      });
	}
	$(document).ready(function() {
	
	});
	function getfs(t,n){
		if(t=="wc"){
			$("#worksclass").val(n);
		}else if(t=="sort"){
			$("#sort").val(n);
		}
	}
	</script>
	</body>
</html>
